<template>
  <div style="padding: 20px; background: white; margin: 20px;">
    <h1>🧪 测试页面</h1>
    <p>如果你能看到这个页面，说明Vue应用正常工作！</p>
    <p>当前时间: {{ currentTime }}</p>
    <button @click="testClick">点击测试</button>
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'

const currentTime = ref('')

const updateTime = () => {
  currentTime.value = new Date().toLocaleString()
}

const testClick = () => {
  alert('按钮点击成功！Vue应用正常工作！')
}

onMounted(() => {
  updateTime()
  setInterval(updateTime, 1000)
})
</script>
